import React from 'react';
import {
    Dimensions,
    StyleSheet, View
} from 'react-native';
const { width, height } = Dimensions.get('window');
import { createBottomTabNavigator } from 'react-navigation-tabs';
export const styles = StyleSheet.create({
    container:{
        flex:1,
        width:width,
        height:createBottomTabNavigator.DEFAULT_HEIGHT,
        backgroundColor: '#ffffff'
    },
    typelists:{
        flexDirection:'row',
        justifyContent:'space-between',
        alignItems:'center',
        borderBottomColor:'#e5e5e5',
        borderBottomWidth:1,
        paddingTop:20,
        paddingRight:16,
        paddingBottom:20,
        paddingLeft:16,
    },
    listdata:{
        flexDirection:'column',
        width:width - 100,
    },
    name:{
        flexDirection:'row',
        justifyContent:'space-between',
        alignItems:'flex-end',
        marginBottom:10,
    },
    number:{
        flexDirection:'row',
        justifyContent:'flex-start',
    },
    red:{
        flexDirection:'row',
    },
    red_number:{
        backgroundColor:'#ff0000',
        borderRadius:20,
        width:20,
        height:20,
        color:'#ffffff',
        textAlign:'center',
        marginRight:5,
    },
    blue:{
        flexDirection:'row',
    },
    blue_number:{
        backgroundColor:'#6495ED',
        borderRadius:20,
        width:20,
        height:20,
        color:'#ffffff',
        textAlign:'center',
        marginRight:5,
    },
    blue_number_text:{
        color:'#6495ED',
    },
    jt:{
        width:10,
        height:20,
    },
    red_ball_t_on: {
        backgroundColor: '#d0162e', 
        width: 25, 
        height: 25, 
        lineHeight:25,
        flexDirection: 'column', 
        justifyContent: 'center', 
        alignItems: 'center', 
        marginRight: 3, 
        borderRadius: 25,
        borderWidth:1,
        borderColor:'#d0162e',
        color:'#ffffff',
        textAlign:'center',
    },
    blue_ball_t_on: {
        backgroundColor: '#1094d8', 
        width: 25, 
        height: 25, 
        lineHeight:25,      
        marginRight: 3, 
        borderRadius: 25,
        borderWidth:1,
        borderColor:'#1094d8',
        color:'#ffffff',
        textAlign:'center',
    }

});
module.exports = styles;
